<template>
  <h1 ref="motto">have grandious aims but puny abilities</h1>
  <button @click="bntMotto">click me</button>
  <!-- <WatchFour ref="son"/> -->
</template>
<script setup lang="ts">
// import WatchFour from './components/WatchFour.vue'
import {ref} from 'vue'
import {type Standard,type StandardList} from '@/types'
// var son = ref();
function bntMotto(){
  // console.log(son.value);
}

//约束字段类型
var Book:StandardList = [
  {product: 'JavaScript',price: 100},
  {product: 'TypeScript',price: 200},
  {product: 'Vue',price: 300},
  {product: 'React',price: 400},
  {product: 'Node.js',price: 500},
]
</script>